import { createApp } from 'vue'
import './style.css'
// @ts-ignore
import App from './App.vue'
import { createPinia } from "pinia";
import router from "./router";
import '@arco-design/web-vue/dist/arco.css';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { library } from '@fortawesome/fontawesome-svg-core'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';
import {
    faPenToSquare,
    faCircleCheck,
    faAngleLeft,
    faAngleRight,
    faGear,
    faSackXmark,
    faComment,
    faTruck,
    faShoppingCart,
    faMinusCircle,
    faPlusCircle,
    faStar,
    faLocationDot,
    faCaretDown,
    faSearch,
    faFilter,
    faHome,
    faCompass,
    faFileLines,
    faUser,
    faHouse,
    faTrash
} from '@fortawesome/free-solid-svg-icons'


library.add(faTrash,faPenToSquare,faCircleCheck,faAngleLeft,faAngleRight,faGear,faSackXmark,faComment,faTruck,faShoppingCart,faMinusCircle,faPlusCircle,faStar,faLocationDot,faCaretDown,faSearch,faFilter,faHome,faCompass,faFileLines,faUser,faHouse)
const pinia = createPinia();
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue))
    app.component(key, component)
app.use(router)
app.use(pinia)
app.use(ArcoVue)
app.component('font-awesome-icon', FontAwesomeIcon)
app.mount('#app')

